<!-- 任何位于 {{ 和 }} 这间的东西是一个会输出到最终文档的静态式. \{\% 和 \%\} 之间的东西表示流程控制语句,如 if 和 for . -->
<!doctype html>
<title>{% block title %}{% endblock %} - Flaskr</title>
<!-- \{\% block title \%\} 会改变显示在浏览器标签和窗口中的标题。 -->
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<nav>
  <h1>Flaskr</h1>
  <ul>
    {% if g.user %}
    <!--g 在模板中自动可用.根据 g.user 是否被设置(在load_logged_in_user中进行),要么显示用户名和注销连接,要么显示注册和登录连接.url_for()也是自动可用的,可用于生成视图的 URL ,而不用手动来指定.-->
      <li><span>{{ g.user['username'] }}</span>
      <li><a href="{{ url_for('auth.logout') }}">Log Out</a>
    {% else %}
      <li><a href="{{ url_for('auth.register') }}">Register</a>
      <li><a href="{{ url_for('auth.login') }}">Log In</a>
    {% endif %}
  </ul>
</nav>
<section class="content">
  <header>
    {% block header %}{% endblock %}
    <!-- \{\% block header \%\} 类似于 title ，但是会改变页面的标题。 -->
  </header>
  <!-- 在标题下面,正文内容前面,模板会循环显示get_flashed_messages()返回的每个消息.在视图中使用 flash() 来处理出错信息,在模板中就可以这样显示出出来.-->
  {% for message in get_flashed_messages() %}
    <div class="flash">{{ message }}</div>
  {% endfor %}
  {% block content %}{% endblock %}
  <!-- \{\% block content \%\} 是每个页面的具体内容，如登录表单或者博客帖子。 -->
</section>
<!-- 其他模板直接放在 templates 文件夹内。为了更好地管理文件，属于某个蓝图 的模板会被放在与蓝图同名的文件夹内。 -->